<template>
	<view class="dynamic-card" @click="goto()">
		<view class="">
			<image src="/static/other_icons/house-1.png" class="ower-icon"></image>
		</view>
		
		<view class="content">
			<view class="top">
				<text>房屋设计是为人类生活与生产服务的各种民用与工业房屋的综合性设计。</text>
			</view>
			<view class="buttom">
				<text>发布人·5天前</text>
				<!-- <image src="" mode=""></image> -->
				<text>观看人数:1256</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"dynamic-info-card",
		data() {
			return {
				
			};
		},
		methods:{
			goto(){
				uni.navigateTo({
					url:'/subpkg/information_detail/information_detail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.dynamic-card{
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	padding: 20rpx;
	border: 1rpx dashed #efefef;
	.ower-icon{
		width: 200rpx;
		height: 200rpx;
		border-radius: 4rpx;
		overflow:visible ;
	}
	.content{
		margin-left: 30rpx;
		display: flex;
		flex-direction: column;
		.top{
			 flex-grow:20;
			 font-size: 28rpx;
			 font-weight: 500;
			 color: #333333;
		}
		.buttom{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-size: 24rpx;
			font-weight: 500;
			color: #999999;
	
		}
	}
}
</style>
